<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <svg width="800" height="800" viewBox="0 0 100 100">
    <defs>
      <filter id="filter1" >
        <feColorMatrix in="SourceGraphic"
          type="matrix"
          values="
            -1 3 -1 0 0
            0 1 0 0 0
            0 0 1 0 0
            0 0 0 1 0
          ">
          </feColorMatrix>

         
      </filter>
    </defs>

    <circle cx="50" cy="50" r="30" fill="#fc0" filter="url(#filter1)"/>
  </svg>

 
  <script src="index.js"></script>
</body>
</html>